<template lang="pug">
	.wrapper
		page-head
		.container(v-loading="loading")
			nav-menu
			bread-crumb
			router-view.page-content
</template>

<script>
import PageHead from './components/head.vue'
import NavMenu from './components/navMenu.vue'
import BreadCrumb from './components/breadCrumb.vue'
import './static/global.css'
import { mapState } from "vuex"
export default {
	computed: {
		...mapState({
			loading: state => state.loading
		})
	},
	components: {
		PageHead, NavMenu, BreadCrumb
	}
}
</script>

<style lang="stylus">
	.wrapper
		height 100%
		.container
			background #fcfbfa
			position relative
			width 100%
			height calc(100% - 60px)
			.page-content
				position absolute
				top 53px
				left 250px
				right 0px
				padding 15px 10px
				overflow-x hidden
				overflow-y auto
				height calc(100% - 53px)
				box-sizing border-box
</style>
